<!-- 公司业绩列表 -->
<template>
  <div class="page-box h100 display-flex czbj">
      <div v-if="isshow">
          <dxtable :headBtn="headBtn" :dataJson="dataJson" :portUrl="portUrl" :qx="qx" ref="databale"
              sonRouter="addcompanyPerformance"></dxtable>
      </div>
  </div>
</template>
<script lang='ts' setup>
import dxtable from "../../components/util/dxtable.vue";
import sort from "../../components/util/sort.vue";
import { dxget, dxpost, qurl, hf } from "../../util/index";
import { h, ref, reactive } from "vue";
const props = defineProps({
  pup: { type: String },
});
const isshow = ref()

let headBtn = [];
const zdList = ref()
const databale = ref();
const initeer = () => {
  databale.value.initDataExpose();
};
const emit = defineEmits(["callBack"]);
// 弹窗公用该列表
let dataJson = reactive([
  {
      title: "业绩名称",
      key: "title",
      search: true, // 是否在搜索栏展示
  }, 
  // {
  //     title: "封面",
  //     key: "cover",
  //     render(row){
  //        if( row.cover){
  //         return h("img",{class:"fmjkjser imgjz",src:row.cover})
  //        }
  //     }
  // }, 
  {
      title: "业绩分类",
      key: "classify",
      search: true, // 是否在搜索栏展示
      type:"select",
      options:[],
      width: 200,
      render(row) {
          try{
              return zdList.value.filter(a=>a.value==row.classify)[0].label
          }catch(e){
              
          }
          return '--'
      },
  }, 
  {
      title: "排序",
      width: 100,
      render(row) {
          row.databaseName = "companyPerformance";
          row.sjk = "skzn"
          return h(sort, {
              row,
              onCallBack: () => {
                  initeer();
              },
          });
      },
  },
  {
      title: "创建时间",
      key: "addTime",
      width: "200",
      type: "daterange",
  },
]);
let portUrl = "skzn/companyPerformance";
const qx = {
  DeletePermissionID: "skzncompanyPerformancedel", //删除
  EditPermissionIdentifier: "skzncompanyPerformancebj", // 编辑
  NewPermissionIdentifier: "skzncompanyPerformancexz", // 新建
  ViewPermissionID: "skzncompanyPerformanceck", // 查看
};


let pupVal = props.pup;
if (pupVal) {
  headBtn = [
      {
          name: "确认选择 ",
          async clickFun(row) {
              const arrList = row.join(",");
              emit("callBack", arrList);
          },
      },
  ];
}
const getzdList = async () => {
    const { data }: any = await dxget("dxgjAdmin/getzd/getzdList", {
        ids: "268"
    })
    try{
        zdList.value = JSON.parse(data[0].text)
        console.log(data.text);
        dataJson[1].options = [
        {label:"全部",value:""},
            ...zdList.value
        ]
    }catch(e){
        console.log(e);
    }
    isshow.value = true

}
getzdList()

</script>


